<template>
  <div class="head-wrap">
    <span class="head-ico">ad</span>
    <div class="operate-wrap">
      <span class="operate-btn copy">复制</span>
      <span class="operate-btn del">删除</span>
      <span class="operate-btn save">保存</span>
    </div>
  </div>
</template>

<script>
export default {
  name: "headerBar",
  data() {
    return {};
  },
  methods: {},
  mounted() {
    // 请求easy-mock接口
    // this.$axios.get(API_URL + "/demo").then(res => {
    //   console.log("mock数据", res.data.data);
    //   this.name = res.data.data.name;
    // });
  }
};
</script>

<style lang="stylus" scoped>
.head-wrap
  flex none
  padding 0 20px
  height 50px
  background #000
  display flex
  justify-content space-between
  align-items center
  .head-ico
    display inline-block
    width 40px
    height 40px
    border 1px solid gray
    border-radius 100%
    background gray
    color #fff
    display flex
    justify-content center
    align-items center
  .operate-wrap
    height 100%
    display flex
    align-items center
  .operate-btn
    cursor pointer
    color #fff
  .del
    margin 0 30px
</style>
